<style>
</style>
<template>
    <ly-page>
        <ly-navi type="back" title="图片选择器"></ly-navi>
        <ly-page-content>
            <el-form  label-width="125px" size="small">
                <el-form-item label="选择到县" prop="city">
                    <ly-city-picker v-model="city"  :full-text.sync="fullText"></ly-city-picker>
                </el-form-item>
                <el-form-item >

                    <ly-info label="选择值"> {{city}}</ly-info>
                    <ly-info label="显示值"> {{fullText}}</ly-info>
                </el-form-item>
                <el-form-item label="选择到市" prop="city">
                    <ly-city-picker v-model="city2"  :full-text.sync="fullText2" :level="2"></ly-city-picker>
                </el-form-item>
                <el-form-item >

                    <ly-info label="选择值"> {{city2}}</ly-info>
                    <ly-info label="显示值"> {{fullText2}}</ly-info>
                </el-form-item>
                <ly-code-view>
                    <pre v-pre>
                         <ly-city-picker v-model="city"  :full-text.sync="fullText"></ly-city-picker>
                    </pre>
                </ly-code-view>
            </el-form>
            <ly-markdown>
                <pre v-pre>
## `ly-city-picker `
------

#### Attributes

| 属性名  |说明   | 类型|可选值|默认值|
| ------------ | ------------ |------------ |------------ |------------ |
|  v-model | 绑定的对象	  |String |—	|—	|
|  full-text | 完整显示文本 需要sync	  |String |—	|—	|
|  level | 1:选择省,2:选择到市	,3选择到县(区)  |int |1,2,3	|3	|



                </pre>
            </ly-markdown>
        </ly-page-content>
    </ly-page>
</template>
<script>
    Rap.define("", [], function (store, data) {
        return {
            data: function () {
                return {
                    city:'',
                    fullText:'',
                    city2:'',
                    fullText2:''
                }
            },
            created:function () {

            },
            methods: {

            }
        }
    })
</script>